//充币 提币
<template>
    <div class="adw" style="float:left;margin-left:20px;margin-bottom: 100px;">
        <!-- <b-tabs>
          <b-tab :title="$t('u_cb')">
              <coin-in></coin-in>
          </b-tab>
          <b-tab :title="$t('u_tb')">
              <coin-out></coin-out>
          </b-tab>
      </b-tabs> -->
<!--
        <div class="tab-wapper">
            <ul class="tab-list">
                <! 充币 -->
                <!-- <li @click="pageChange(0,'/coin_in')" :class="{active:coinTabActive==0}" class="tab-item">{{$t('u_cb')}}</li> -->
                <!-- 提币
                <li @click="pageChange(1,'/coin_out')" :class="{active:coinTabActive==1}" class="tab-item">{{$t('u_tb')}}</li>
                <! <li @click="pageChange(2,'/withdraw_deposit')" :class="{active:coinTabActive==2}" class="tab-item">提现</li>
            </ul>
        </div> -->

        <div class="ddd" style="float:left;width:100%;margin-bottom: 100px;">
            <transition name="fade">
                <router-view></router-view>
            </transition>
        </div>

    </div>
</template>

<script>
import { mapMutations, mapActions, mapState } from "vuex";

export default {
    data() {
        return {
            msg: "充币提币"
        };
    },
    methods: {
        pageChange(index, url) {
            this.coinTabActiveChange(index);
            this.$router.push({ path: "/user/coin" + url });
        },
        ...mapMutations(['userUrlChange']),
        ...mapActions(['coinTabActiveChange'])
    },
    computed: {
        ...mapState(['coinTabActive'])
    },
    created() {
        this.userUrlChange('coin')
    }
};
</script>

<style lang="scss" scoped>
@import '../../assets/style/common.scss';
.adw{
    min-width: 1020px;
    width: 67%;
    background: #ffffff;

}
</style>


